export const metadata = {
  title: 'Blinking Ascii Dots Effect',
  description:
    'An interactive React component that adds a dynamic bubble effect, visually tracking cursor movement in real time.',
};

<ComponentCodePreview name='blinking-ascii-dots' type="separate" />

## Props

| Prop             | Type       | Default        | Description                                                                 |
| ---------------- | ---------- | -------------- | --------------------------------------------------------------------------- |
| `backgroundColor`| `string`   | `'#F0EEE6'`     | Background color of the canvas.                                             |
| `textColor`      | `string`   | `'85, 85, 85'`  | RGB color value for the ASCII dots.                                         |
| `density`        | `number`   | `1`             | Density of the ASCII dots (higher values = more dots).                      |
| `animationSpeed` | `number`   | `0.75`          | Speed of the blinking animation.                                            |
| `removeWaveLine` | `boolean`  | `true`          | Whether to remove the animated wave line (if true, the wave is not shown). |
